<template>
    <div class="w-full h-screen flex flex-col">
        <!-- 头部导航区域 -->
        <header class="h-12 flex items-center px-4 border-b">
            <div @click="goBack" class="cursor-pointer">
                <i class="fas fa-arrow-left"></i>
                <span class="ml-2">返回</span>
            </div>
        </header>
        <!-- 内容区域 -->
        <div class="flex-1 overflow-auto relative">
            <div class="p-4 bg-white h-full">
                <loding v-if="useLodingStore().loading" />
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>


<script setup lang="ts">
import loding from '@/components/loding.vue'
import { useRouter } from 'vue-router'
import { useLodingStore } from '@/stores/loding'
const router = useRouter()
const goBack = () => {
    router.go(-1)
}
</script>
